<%-- 
    Document   : MasterPage
    Created on : Oct 18, 2012, 1:42:01 PM
    Author     : Vietlt
--%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@taglib uri="http://struts.apache.org/tags-bean" prefix="bean"%>
<%@taglib uri="http://struts.apache.org/tags-html" prefix="html"%>
<%@taglib uri="http://struts.apache.org/tags-logic" prefix="logic"%>
<!DOCTYPE html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
        <title>Recruitment Management</title>
        <link rel="stylesheet" href="css/style.css" type="text/css" media="all" />
        <link rel="stylesheet" href="http://code.jquery.com/ui/1.9.0/themes/base/jquery-ui.css" />
        <script src="http://code.jquery.com/jquery-1.8.2.js"></script>
        <script src="http://code.jquery.com/ui/1.9.0/jquery-ui.js"></script>
        <link rel="stylesheet" href="/resources/demos/style.css" />
        <script>
            $(function() {
                $( "#datepicker" ).datepicker();
            });
        </script>
    </head>
    <body>
        <!-- Header -->
        <div id="header">
            <div class="shell">
                <!-- Logo + Top Nav -->
                <div id="top">
                    <h1><a href="#">[HTD]-Group Adminstrator</a></h1>
                    <div id="top-navigation">
                        Welcome <a href="#"><strong>Administrator</strong></a>
                        <span>|</span>
                        <a href="#">Help</a>
                        <span>|</span>
                        <a href="#">Profile Settings</a>
                        <span>|</span>
                        <a href="#">Log out</a>
                    </div>
                </div>
                <!-- End Logo + Top Nav -->

                <!-- Main Nav -->
                <div id="navigation">
                    <ul>
                        <li><a href="#" class="active"><span>Home</span></a></li>
                        <li><a href="#"><span>Applicant</span></a></li>
                        <li><a href="#"><span>Deparment</span></a></li>
                        <li><a href="#"><span>Employee</span></a></li>
                        <li><a href="#"><span>SchedulingInterview</span></a></li>
                        <li><a href="#"><span>Vacancy</span></a></li>
                    </ul>
                </div>
                <!-- End Main Nav -->
            </div>
        </div>
        <!-- End Header -->

        <!-- Container -->
        <div id="container">
            <div class="shell">
                <!-- Message OK -->		
                <div class="msg msg-ok">
                    <p><strong>Your file was uploaded succesifully!</strong></p>
                    <a href="#" class="close">close</a>
                </div>
                <!-- End Message OK -->		

                <!-- Message Error -->
                <div class="msg msg-error">
                    <p><strong>You must select a file to upload first!</strong></p>
                    <a href="#" class="close">close</a>
                </div>
                <!-- End Message Error -->
                <br />
                <!-- Main -->
                <div id="main">
                    <div class="cl">&nbsp;</div>

                    <!-- Content -->
                    <div id="content">

                        <div class="box">
                            <!-- Box Head -->
                            <div class="box-head">
                                <h2>Add New Employee</h2>
                            </div>
                            <!-- End Box Head -->
                            <!-- Form -->
                            <html:form action="EmployeeProcess"> , , Address, , , Password
                                <div class="form">
                                    <table cellpadding=4 cellspacing=4>
                                        <tr>
                                            <td width=200>
                                                <label>Department : <span style="color : red">(*)</span></label>
                                            </td>
                                            <td width=500><html:text property="departmentID" styleClass="field size1"/></td>
                                        </tr>
                                        <tr>
                                            <td width=200>
                                                <label>FirstName : <span style="color : red">(*)</span></label>
                                            </td>
                                            <td width=500><html:text property="firstName" styleClass="field size1"/></td></td>
                                        </tr>
                                        <tr>
                                            <td width=200>
                                                <label>LastName : <span style="color : red">(*)</span></label>
                                            </td>
                                            <td width=500><html:text property="lastName" styleClass="field size1"/></td></td>
                                        </tr>
                                        <tr>
                                            <td width=200>
                                                <label>Gender : <span style="color : red">(*)</span></label>
                                            </td>
                                            <td width=500>
                                                Male : <html:radio property="gender" value="Male" disabled="false"/>
                                                Female : <html:radio property="gender" value="Female" disabled="false"/>    
                                            </td>
                                        </tr>
                                        <tr>
                                            <td width=200>
                                                <label>Date Of Birth : <span style="color : red">(*)</span></label>
                                            </td>
                                            <td width=500>
                                                <html:text property="dOB" styleId="datepicker" styleClass="field size1" />
                                            </td>
                                        </tr>
                                        <tr>
                                            <td width=200>
                                                <label>Phone : <span style="color : red">(*)</span></label>
                                            </td>
                                            <td width=500><html:text property="phoneNumber" styleClass="field size1"/></td>
                                        </tr>
                                        <tr>
                                            <td width=200>
                                                <label>Email : <span style="color : red">(*)</span></label>
                                            </td>
                                            <td width=500><html:text property="email" styleClass="field size1"/></td>
                                        </tr>
                                        <tr>
                                            <td width=200>
                                                <label>Address : <span style="color : red">(*)</span></label>
                                            </td>
                                            <td width=500><html:text property="address" styleClass="field size1"/></td>
                                        </tr>
                                        <tr>
                                            <td width=200>
                                                <label>Position : <span style="color : red">(*)</span></label>
                                            </td>
                                            <td width=500><html:text property="position" styleClass="field size1"/></td>
                                        </tr>
                                        <tr>
                                            <td width=200>
                                                <label>Account : <span style="color : red">(*)</span></label>
                                            </td>
                                            <td width=500><html:text property="account" styleClass="field size1"/></td>
                                        </tr>
                                        <tr>
                                            <td width=200>
                                                <label>Password : <span style="color : red">(*)</span></label>
                                            </td>
                                            <td width=500><html:password property="password" styleClass="field size1"/></td>
                                        </tr>
                                    </table>
                                </div>
                                <div class="buttons">

                                    <html:submit styleClass="button" value="Submit" />
                                    <html:reset styleClass="button" value="Reset" />
                                </div>
                            </html:form>
                            <!-- End Form -->

                            <!-- Form Buttons -->

                        </div>
                        <!-- End Box -->

                    </div>
                    <!-- End Content -->

                    <!-- Sidebar -->
                    <div id="sidebar">

                        <!-- Box -->
                        <div class="box">

                            <!-- Box Head -->
                            <div class="box-head">
                                <h2>Management</h2>
                            </div>
                            <!-- End Box Head-->

                            <div class="box-content">
                                <a href="#" class="add-button"><span>Add new Employee</span></a>
                                <div class="cl">&nbsp;</div>

                                <p class="select-all"><input type="checkbox" class="checkbox" /><label>select all</label></p>
                                <p><html:link action="LoadApplicant">View All</html:link></p>
                            </div>
                        </div>
                        <!-- End Box -->
                    </div>
                    <!-- End Sidebar -->

                    <div class="cl">&nbsp;</div>			
                </div>
                <!-- Main -->
            </div>
        </div>
        <!-- End Container -->

        <!-- Footer -->
        <div id="footer">
            <div class="shell">
                <span class="left">&copy; 2012 - HTD-Group www.htd-group.com.vn</span>
                <span class="right">
                    Design by <a href="http://vietlt.vn" target="_blank" title="Recruitment">Mr.Vietlt</a>
                </span>
            </div>
        </div>
        <!-- End Footer -->

    </body>
</html>